<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('一村（区）一册系统操作手册')"/>
</head>
<body class="gray-bg">
<div class="container-div">
    <main>
        <h1>注意事项</h1>
        <ul>
            <h2>打开工作台</h2>
            <ul>
                <li><h3>电脑端</h3></li>
                <img alt="电脑工作台" src="../../img/pc_navigator.jpg"
                     style="display: inline-block; width: 100%; max-width: 100%; height: auto;">
                <li><h3>手机端</h3></li>
                <img alt="手机工作台1" src="../../img/phone_navigator1.jpg"
                     style="display: inline-block; width: 100%; max-width: 100%; height: auto;">
                <img alt="手机工作台2" src="../../img/phone_navigator2.jpg"
                     style="display: inline-block; width: 100%; max-width: 100%; height: auto;">
            </ul>
            <h4>
                上报信息前需先在<strong>工作台</strong>-&gt;<strong>所辖村庄</strong>中添加网格下属村庄/街道/小区名称，并且在上报信息的添加中选择<strong>对应网格</strong>才能找到该村庄。
            </h4>
        </ul>
        <h1>简介</h1>
        <ul>
            <h2>登陆方式</h2>
            <p>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;本系统采用自适应方式，电脑浏览器和手机浏览器均可访问，两者功能相同，数据相通。</p>
            <ul>
                <h3>电脑浏览器</h3>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;打开浏览器输入网址即可登录，建议存储书签，便于下次直接打开。</p>
                <h3>手机浏览器</h3>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;打开浏览器输入网址即可登录，建议存储书签，并将书签保存至浏览器首页，便于下次直接打开。推荐选择记住密码，下次不用输入密码。</p>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;不同浏览器添加到首页方法不一，以夸克浏览器为例，具体操作步骤如下：</p>
                <ul>
                    <li>输入网址，打开网页</li>
                    <li>点击添加书签</li>
                    <li>打开书签栏，长按刚刚添加的书签，点击添加到首页</li>
                    <li>如下图</li>
                    <img alt="手机浏览器" src="../../img/phone_browser.jpg"
                         style="display: inline-block; width: 100%; max-width: 100%; height: auto;">
                </ul>
            </ul>
            <h2>权限控制</h2>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;本系统分为营业部主任、承包人两个权限。</p>
            <ul>
                <h3>营业部主任</h3>
                <ul>
                    <li>用户管理</li>
                    <p>管理本营业部用户</p>
                </ul>
                <ul>
                    <li>部门管理</li>
                    <p>管理本营业部包区、网格(暂未开放)</p>
                </ul>
                <ul>
                    <li>所辖村庄</li>
                    <p>查看、修改、删除、搜索、统计导出本营业部所有上报自然庄/街道/小区信息</p>
                </ul>
                <ul>
                    <li>信息上报</li>
                    <p>查看、修改、删除、搜索、统计导出本营业部所有上报异网信息</p>
                </ul>
                <ul>
                    <li>上报统计</li>
                    <p>查看、导出、搜索本营业部上报信息统计</p>
                </ul>
                <h3>承包人</h3>
                <ul>
                    <li>所辖村庄</li>
                    <p>查看、修改、删除、搜索、统计导出本包区所有上报自然庄/街道/小区信息</p>
                </ul>
                <ul>
                    <li>上报统计</li>
                    <p>查看、修改、删除、搜索、统计导出本包区所有上报异网信息</p>
                </ul>
                <ul>
                    <li>上报统计</li>
                    <p>查看、导出、搜索本包区上报信息统计</p>
                </ul>
            </ul>
        </ul>
        <h1>功能介绍</h1>
        <ul>
            <h2>页面结构</h2>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;电脑或手机表格右上角有如下1、2、3、4按钮</p>
            <img alt="手机工具栏" src="../../img/phone_tool1.jpg"
                 style="display: inline-block; width: 100%; max-width: 100%; height: auto;">
            <img alt="电脑工具栏" src="../../img/pc_tool.jpg"
                 style="display: inline-block; width: 100%; max-width: 100%; height: auto;">
            <ol>
                <li>搜索：点击可展开搜索条件</li>
                <li>刷新：可根据当前搜索条件刷新当前页面</li>
                <li>切换数据显示方式</li>
                <li>选择表格显示/隐藏指定列</li>
            </ol>
            <h2>用户管理</h2>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;对用户进行添加、编辑、删除、赋予权限等操作</p>
            <h2>部门管理</h2>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;对部门进行添加、编辑、删除，修改部门上级部门等操作</p>
            <h2>所辖村庄</h2>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;展开系统左侧导航栏中的工作台，点击所辖村庄。对网格下级自然庄/街道/小区进行添加、编辑、删除、导出等操作</p>
            <ul>
                <h3>添加</h3>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;点击添加弹出添加框，选择包区-&gt;网格，输入自然庄/街道/小区名称，添加自然庄/街道/小区信息。</p>
                <h3>编辑</h3>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;编辑可以编辑自然庄/街道/小区信息</p>
                <h3>删除</h3>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;删除自然庄/街道/小区</p>
                <h3>导出</h3>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;导出自然庄/街道/小区excel表</p>
                <h3>搜索</h3>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;选择上方各级单元名称，点击搜索，查看符合条件的自然庄/街道/小区信息。</p>
            </ul>
            <h2>信息上报</h2>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;展开系统左侧导航栏中的工作台，点击信息上报，对异网信息进行添加、编辑、删除、搜索、导出等操作</p>
            <ul>
                <h3>添加</h3>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;点击添加弹出添加框，选择包区-&gt;网格-&gt;村庄/街道/小区名称，输入各项信息。</p>
                <h4> 注：</h4>
                <ul>
                    <li>点击确定上报。前面带的选项为必填项，不填无法提交。</li>
                    <li>添加前需先在所辖村庄中添加网格下属村庄/街道/小区名称，否则无法提交。</li>
                </ul>
                <h3>编辑</h3>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;编辑选中信息。</p>
                <h3>删除</h3>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;删除本条异网信息。</p>
                <h3>搜索</h3>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;选择上方各级单元名称，点击搜索，查看符合条件的异网信息。</p>
                <h3>导出</h3>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;根据选择条件导出所选异网信息。</p>
            </ul>
            <h2>上报统计</h2>
            <ul>
                <h3>导出</h3>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;根据选择条件导出上报统计表，如选择蒙城，会导出蒙城下符合条件的营业部上报统计，选择刘桥营业部，会导出刘桥营业部下所有包区上报统计。不同用户会根据自身权限不同，导出的数据也不同，如营业部主任只能导出自己营业部信息，承包人只能导出自己包区信息。</p>
                <h3>搜索</h3>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;选择上方各级单元名称，点击搜索，查看符合条件的上报统计</p>
            </ul>
        </ul>
        <h1>帮助</h1>
        <h6>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;如问题仍未解决，请扫描以下二维码</h6>
        <div style='text-align:center'>
            <img alt="qr" src="../../img/qr_code1.jpg"
                 style="display: inline-block; width: 100%; max-width: 50%; height: auto;">
        </div>
    </main>
</div>
</body>
</html>
